<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景图像/背景重复/背景偏移</title>
    <style>
        .bg{
            width: 100%;
            height: 900px;
            border:3px solid red;
            background-image:url(pic/bg.jpg);
            /*
             repeat-x：背景图像在横向上平铺(重点)
             no-repeat：背景图像不平铺 (重点)


            repeat-y：背景图像在纵向上平铺
            repeat：背景图像在横向和纵向平铺
            round：背景图像自动缩放直到适应且填充满整个容器。（CSS3）
            space：背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）
            */
            background-repeat:no-repeat;
            background-position: 1px 1px;
        }
    </style>
</head>
<body>
<div class="bg">

</div>
</body>
</html>